<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>基础选择器</title>
    <a href="../选择器首页.html">首页</a>
</head>

<body>
    <ul class="c-wenben">
        <li>项目1</li>
    <li class="selected">项目2</li>
    <li>项目3</li>
    <li>项目4</li>
    <li>项目5</li>
    <li id="no6-item">项目6</li>
    </ul>
    <p class="c-p">
        this is a p
    </p>
    <style>
        .c-wenben{
            list-style-type: square;
            color: red;
             margin: 20px;
            padding: 10px;
        }
        .selected{
            background-color: rgb(187, 181, 181);
        }
        #no6-item{
            color: pink;
        }

        *{
            margin: 20px;
            padding: 10px;
        }
        .c-p{
            border: 1px red solid;
        }

    </style>
    
</body>
</html>